@charset "utf-8";

.select-panel{ position: absolute; top:34px; left: 0; font-size: 14px; color: #666; z-index: 200; width: 390px;}
.select-panel .panel-group {width:390px;float:left;}
.select-panel .panel-list{ zoom: 1; height: 36px; position: relative; z-index: 8; float: left; background: #fff;}
.select-panel .panel-list:after,
.select-panel .panel-list li{ float: left; width: 74px; height: 34px; line-height: 34px; text-align: center; border:1px solid #ddd; border-bottom:0 none; margin-right: -1px; cursor: default; background: #fff;}
.select-panel .panel-list li.current{border-color:#0D9572; border-top: 2px solid #0D9572; border-bottom:1px solid #fff; position: relative; z-index: 10;}
.select-panel .panel-list-wrap{ clear: both; border: 1px solid #0D9572; position: relative; *top:-1px; z-index: 1; zoom: 1; padding: 5px 0; background: #fff;}
.select-panel .panel-list-wrap:after{ display: block; height: 0; content: ''; clear: both;}
.select-panel .panel-index{ float: left; width: 70px; color: #0D9572;padding-top:5px; text-align: center; line-height: 28px;}
.select-panel .panel-list-width .data-light{ width: 310px;}
.select-panel .data-light{ float: left; overflow: hidden; padding:5px 0 0 5px;}
.select-panel .data-light li{ float: left; white-space: nowrap; height: 25px; line-height: 25px;padding: 0 5px 0 5px; margin:0 15px 2px 0; cursor: default;}
.select-panel .data-light li:hover,
.select-panel .data-light li.hover{border-radius:4px; background: #009999; color: #fff;}
.select-panel .font-light {color: red;}

.icons {background-image:url('icons.png');background-repeat:no-repeat;}
.icons-date {background-position: right -394px;}
.icons-menu {background-position: right -1110px;}

/* posterTvGrid */
.posterTvGrid{position:relative;height:310px;}
.posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;border-radius: 0px;}
.posterTvGrid .contentHolder{position:relative;overflow:hidden;}
.posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:640px;height:270px;}
.posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;}
.posterTvGrid .contentHolderUnit img{width:100%;height:100%;}
.posterTvGrid .contentHolderUnit .elementTitle{}
.posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;}
.posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:224px;background:url(img/leftShadow.png) no-repeat;}
.posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:224px;background:url(img/rightShadow.png) no-repeat;}
.posterTvGrid .bannerControls{}
.posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:50%;width:45px;height:45px;margin-top:-43px;}
.posterTvGrid .leftNav{left:7px;background:url("img/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_prev_btn.png");}
.posterTvGrid .rightNav{right:7px;background:url("img/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_next_btn.png");}
.posterTvGrid .leftNav:hover{}
.posterTvGrid .rightNav:hover{}
.posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;height:10px;margin-top:270px;padding:10px 0 0;text-align:center;}
.posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#c3c3c3;}
.posterTvGrid .bottomNavButtonOFF:hover{background:#aaa;}
.posterTvGrid .bottomNavButtonON,
.posterTvGrid .bottomNavButtonON:hover{background:#69aaec;}
.posterTvGrid .bottomNavLeft{}
.posterTvGrid .bottomNavRight{}

.rightMenu {width: 120px;color: #555;margin:0 auto;}
.rightMenu .menu {padding: 5px 0px 5px 0px;text-align: center;background-color: #eee;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.rightMenu .topHeader {text-align: center;height: 30px;line-height: 30px;color: #555;font-weight: 600;}
.rightMenu .backtop:hover {background-position: right top !important;}
.rightMenu .backtop {background: url('/images/backtop.png') no-repeat scroll left top transparent;width: 28px;height: 64px;margin: 0 auto;margin-top: 20px;cursor: pointer;}
.rightMenu ul {list-style-type: none;padding: 0px;margin: 0px;}
.rightMenu ul li {height: 24px;line-height: 24px;text-align: center;padding: 5px 10px 0px 10px;}
.rightMenu ul li a {color: #555;text-decoration: none;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;height: 24px;line-height: 24px;}
.rightMenu ul li a:hover {display: block;color: #fff;background-color: #06A7E1;text-decoration: none;height: 24px;line-height: 24px;}
.rightMenu ul li .sel {display: block;color: #fff;background-color: #06A7E1;height: 24px;line-height: 24px;}


.mathtimelineh1 {width: 860px;height: 390px;overflow: hidden;margin: 20px 20px 0px 20px;position: relative;background: url('img/dot.gif') left 42px repeat-x;}
.mathtimelineh1 .dates {width: 860px;height: 50px;overflow: hidden;}
.mathtimelineh1 .dates li {list-style: none;float: left;width: 120px;height: 50px;font-size: 14px;text-align: center;background: url('img/biggerdot.gif') center bottom no-repeat;}
.mathtimelineh1 .dates a {line-height: 38px;padding-bottom: 10px;}
.mathtimelineh1 .dates a:hover {color:#555555;text-decoration:none;}
.mathtimelineh1 .dates .selected {font-size: 24px;}
.mathtimelineh1 .issues {width: 860px;height: 340px;}	
.mathtimelineh1 .linkline {width: 1px;height: 46px;margin:0 auto;background: url('img/linedot.gif') repeat-y;}
.mathtimelineh1 .panel {width: 720px;height: 290px;margin:0px 70px 10px 70px;border-radius:4px;border:1px #06A7E1 solid;}	
.mathtimelineh1 .issues li {width: 860px;height: 340px;list-style: none;float: left;}
.mathtimelineh1 .issues li h1 {color: #555555;font-size: 18px;margin: 10px 0;text-align:center;}
.mathtimelineh1 .issues h2{ font-size:14px;font-weight:700; color:#555;text-align:center;margin-bottom:10px;}
.mathtimelineh1 .issues h2 img{ vertical-align:middle;}
.mathtimelineh1 .issues .more { text-decoration:none;color:#06A7E1;font-size:14px;}
.mathtimelineh1 .issues .content {margin:0px 25px 0px 25px;padding:0px 10px 0px 10px;text-indent:2em;}
.mathtimelineh1 .issues .info{overflow:hidden;margin:0px 25px 0px 25px;}
.mathtimelineh1 .issues .info dl dd{ width:320px; padding-left:10px; border-bottom:1px dotted #ccc; float:left; height:30px; line-height:30px;}
.mathtimelineh1 .issues .info dl dd span{ color:#909090; display:inline-block; width:75px;}
.mathtimelineh1 .next,.mathtimelineh1 .prev {cursor:pointer;z-index:10;position:absolute;top:200px;font-size: 70px;width:45px;height:45px;margin-top:-43px;text-indent: -9999px;overflow: hidden;}
.mathtimelineh1 .prev{left:0px;background:url("img/1.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_prev_btn.png");}
.mathtimelineh1 .next{right:0px;background:url("img/2.png") no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/slide_next_btn.png");}
.mathtimelineh1 .next.disabled,.mathtimelineh1 .prev.disabled {opacity: 0.2;}


.mathtimelinev {width: 840px;height: 300px;overflow: hidden;background: url('img/dot.gif') 120px top repeat-y;}
.mathtimelinev .dates {width: 100px;height: 300px;float: left;}
.mathtimelinev .dates li {list-style: none;width: 128px;height: 50px;line-height: 50px;text-align:right;font-size: 16px;background: url('img/biggerdot.gif') right center no-repeat;}
.mathtimelinev .dates a {line-height: 38px;padding-bottom: 10px;padding-right:20px;}
.mathtimelinev .dates .selected {font-size: 24px;}
.mathtimelinev .issues {width: 682px;height: 300px;overflow: hidden;float: left;margin-left:30px;}
.mathtimelinev .issues li {width: 682px;height: 300px;list-style: none;}
.mathtimelinev .issues .panel {width: 620px;height: 300px;margin:0px 30px 0px 30px;}	
.mathtimelinev .issues .panel h1 {color: #555555;font-size: 18px;padding-bottom:10px;text-align:center;}
.mathtimelinev .issues .panel h2{ font-size:14px;font-weight:700; color:#555;text-align:center;padding-bottom:10px;}
.mathtimelinev .issues .panel .info{overflow:hidden;}
.mathtimelinev .issues .panel .info dl dd{ width:300px; padding-left:10px; border-bottom:1px dotted #ccc; float:left; height:30px; line-height:30px;}
.mathtimelinev .issues .panel .info dl dd span{ color:#909090; display:inline-block; width:75px;}
.mathtimelinev .issues .panel .more { text-decoration:none;color:#06A7E1;font-size:14px;}
.mathtimelinev .issues .panel .content {padding:0px 10px 0px 10px;text-indent:2em;}

.mathtimelinev .issues .two {width: 620px;height: 150px;margin:0px 30px 0px 30px;}
.mathtimelinev .issues .two h1 {color: #555555;font-size: 18px;padding:10px 0px 0px 10px;text-align:left;}
.mathtimelinev .issues .two h2{ font-size:14px;font-weight:700; color:#555;text-align:left;padding-top:5px;padding-bottom:5px;padding-left:10px;}
.mathtimelinev .issues .two .more { text-decoration:none;color:#06A7E1;font-size:14px;}
.mathtimelinev .issues .two .tupian{float:left;text-align:center; padding:10px;width:220px;}
.mathtimelinev .issues .two .tupian img{max-width:220px;max-height:127px;width: expression(this.width > 220 && this.width / 220 >= this.height / 127 ? 220 : true);height: expression(this.height > 127 && this.width / 220 < this.height / 127 ? 127 : true);vertical-align: middle;}
.mathtimelinev .issues .two .txt{ float:left; width:380px;}
.mathtimelinev .issues .two .txt dl dd{ width:380px; padding-left:10px; border-bottom:1px dotted #ccc; float:left; height:30px; line-height:30px;}
.mathtimelinev .issues .two .txt dl dd span{ color:#909090; display:inline-block; width:75px;}

.mathtimelinev .issues .three {width: 620px;height: 99px;margin:0px 30px 0px 30px;border-bottom:1px #eee solid;}
.mathtimelinev .issues .three h1 {color: #555555;font-size: 18px;padding:5px 0px 0px 10px;text-align:left;}
.mathtimelinev .issues .three h2{ font-size:14px;font-weight:700; color:#555;text-align:left;padding-top:5px;padding-bottom:0px;padding-left:10px;}
.mathtimelinev .issues .three h3{ font-size:14px;color:#555;text-align:left;padding-left:10px;}
.mathtimelinev .issues .three .more { text-decoration:none;color:#06A7E1;font-size:14px;}
.mathtimelinev .issues .three .tupian{float:left;text-align:center; padding:10px;width:135px;}
.mathtimelinev .issues .three .tupian img{max-width:135px;max-height:80px;width: expression(this.width > 135 && this.width / 135 >= this.height / 80 ? 135 : true); height: expression(this.height > 80 && this.width / 135 < this.height / 80 ? 80 : true);vertical-align: middle;}

.ss_item h2 .morematch{display:inline-block; float:right; padding:0px 10px; color:#fff; background-color:#06a7e1; font-size:14px;}

.shadow{
    border:1px #ddd solid;
    border-radius:50%;
    /*-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}